<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>p2p-登录</title>
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./dist/css/login.min.css">
</head>

<body>
    <!-- header -->
    <header>
        <div class="container">
            <a class="navbar-brand d-flex flex-row" href="./index.html">
                <img src="./dist/imgs/logo.png" alt="" class="logo">
                <img src="./dist/imgs/easy.png" alt="" class="easy">
            </a>
        </div>
    </header>

    <!-- main -->
    <main>
        <div class="container">
            <div class="login_box">
                <ul class="row d-flex justify-content-around">
                    <li class="col">
                        <a href="#">扫码登录</a>
                    </li>
                    <li class="col">
                        <a href="#" class="active">密码登录</a>
                    </li>
                </ul>
                <div class="list">
                    <div class="scan tab">
                        <div class="img_box">
                            <img src="./dist/imgs/erweima.png" alt="">
                        </div>
                        <p class="reg">还没账号？<a href="./register.html">马上注册</a></p>
                    </div>
                    <div class="list_msg tab show">
                        <div class="form-group">
                            <label for="exampleInputEmail1"></label>
                            <input type="email" class="form-control user_name" id="exampleInputEmail1"
                                aria-describedby="emailHelp" placeholder="请输入账户名">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1"></label>
                            <input type="password" class="form-control pwd" id="exampleInputPassword1"
                                placeholder="请输入密码">
                        </div>
                        <div class="form-group form-check">
                            <input type="checkbox" class="form-check-input" id="exampleCheck1">
                            <label class="form-check-label" for="exampleCheck1">我已阅读并确认以下风险提示</label>
                        </div>
                        <p class="caution">网络借贷为自愿，出借资金须谨慎。风险意识记心上，本息损失皆自担。</p>
                        <input type="button" value="登录" id="btn">
                        <p class="reg">还没账号？<a href="./register.html">马上注册</a></p>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <!-- footer -->
    <footer>
        <div class="container">
            <div class="footer_bottom d-flex flex-column align-items-center">
                <span>2010-2020 版权所有 © 团贷网 粤ICP备120*****号-1 粤公安网备4419**********号 东莞**********科技服务有限公司</span>
                <span>地址：东莞市市**街道**路***号******大厦*号楼**楼</span>
            </div>
        </div>
    </footer>

    <script src="./lib/bootstrap/js/jquery.js"></script>
    <script src="./lib/bootstrap/js/popper.js"></script>
    <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="./03-js/login.js"></script>
</body>

</html>